<!--提示框内容-->
<template>
  <view>
    <custom-BasicPopup
      ref="popup"
    >
      <view class="userInfoPopup">
        <view class="flex-row-align-center">
          <image class="logo" src="https://talentsupload.oss-cn-beijing.aliyuncs.com/miniprogram/mine_head_bg.png"/>
          <span class="margin-l-tl">神策咨询-人才测评</span>
          <span class="bold margin-l-tl">申请</span>
        </view>
        <view class="des">获取你的昵称、头像</view>

        <button 
          class="btn" 
          open-type="chooseAvatar" 
          hover-class="none"
          plain="true"
          @chooseavatar="chooseavatar"
        >
          <view class="item flex-row-align-center">
          <view class="item-key">头像</view>
          <image class="avatar" :src="img || 'https://talentsupload.oss-cn-beijing.aliyuncs.com/miniprogram/mine_head_bg.png'"/>
        </view>
        </button>
        <view class="item flex-row-align-center">
          <view class="item-key">昵称</view>
          <input 
            v-model.trim="nickName" 
            class="nickName" 
            type="nickname"
            placeholder="点击填写"
            @change="inputChange"
            placeholder-class="nickName-placeholder"
          />
        </view>

        <custom-ButtonGroup
          type="double"
          submitText="提交"
          :leftPlain="true"
          @handleTap="handleSubmit"
          @handleLeft="handleCancel"
          margin="38rpx 0 42rpx"
        />
      </view>
    </custom-BasicPopup>
  </view>
</template>
<script src="./indexMod.js">
</script>
<style src="./indexStyle.scss">
</style>